import React from 'react';

import styles from '../index.module.scss';

interface MenuIconProps {
  siderShow: boolean;
  onClick: () => any;
}

const MenuIcon: React.FC<MenuIconProps> = props => {
  const { siderShow, onClick } = props;

  return (
    <label htmlFor="burger" className={styles.burger}>
      <input id="burger" type="checkbox" checked={siderShow} onClick={onClick} />
      <span />
      <span />
      <span />
    </label>
  );
};

export default MenuIcon;
